// 根据UI自定义的颜色 据说用于背景
@auxiliary-color: #f0f2f5;
@border-radius-small: 6px;

@layout-header-height: 52px;
@layout-header-background: none;
@height-base: 32px;

@border-radius-base: 4px;
@border-radius-sm: 2px;
@margin-base: 12px;

// 字号
@font-size-base: 14px;
@font-size-lg: @font-size-base + 2px;
@font-size-sm: @font-size-base - 2px;

// 主题色
@primary-color: #1472ff;
@primary-color-hover: #0162f4;
@primary-color-active: #0048d8;

@success-color: #00be68;
@danger-color: #fe5a5a;
@warning-color: #fa973e;

@text-color: #1f2123;
@text-color-secondary: #444444;
@text-color-third: #96989b;
@text-icon-color: #aeafb2;

// 灰色背景
@background-gray: #f0f2f5;

// 输入框placeholder颜色
@input-placeholder-color: #aeafb2;
// 灰色输入框背景色
@input-gray-color: #f5f5f5;

@layout-body-background: @auxiliary-color;

@layout-sider-background: @primary-color;

// 边框
@border-color-base: #dddddd;
@border-color-sharp: #cccccc;
@border-radius-button: 4px;
@border-radius-container: 12px;

@border-radius-base: 4px;

// 边距
@padding-lg: 24px; // containers
@padding-md: 16px; // small containers and buttons
@padding-sm: 12px; // Form controls and items
@padding-xs: 8px; // small items
@padding-xss: 4px; // more small

// vertical padding for all form controls
@control-padding-horizontal: @padding-sm;
@control-padding-horizontal-sm: @padding-xs;

// vertical margins
@margin-lg: 24px; // containers
@margin-md: 16px; // small containers and buttons
@margin-sm: 12px; // Form controls and items
@margin-sm2: 10px; // Form controls and items
@margin-xs: 8px; // small items
@margin-xss: 4px; // more small

// 已下不总要，只是用来改变固有样式的
@menu-bg: transparent;

@layout-sider-background: #fff;

// card
@card-radius: 8px;
@card-padding-base: 16px;

// tag
@tag-default-bg: #fff;
@tag-line-height: 20px;

// menu
@menu-item-height: 38px;
@menu-inline-toplevel-item-height: @menu-item-height;
@menu-icon-margin-right: 4px;

// card
@card-head-height: 40px;
@card-head-padding: 10px;
@card-radius: 8px;

@form-vertical-label-padding: 0 0 6px;
@form-item-margin-bottom: 16px;

@input-color: @text-color-secondary;
@select-item-selected-color: @text-color-secondary;

@modal-content-bg: @background-gray;
@modal-body-padding: @padding-sm;
@modal-header-padding: @padding-sm @padding-md;
@modal-header-close-size: 48px;

@page-head-height: 44px;
